<template>
  <a-config-provider :locale="zhCN">
    <a-float-button type="primary" tooltip="直播配置" @click="liveOpen">
      <template #icon>
        <AppstoreOutlined />
      </template>
    </a-float-button>
    <liveConfig ref="liveConfigRef"></liveConfig>
  </a-config-provider>
</template>

<script setup lang="ts">
import { AppstoreOutlined } from "@ant-design/icons-vue";
import liveConfig from "./components/liveConfig.vue";
import zhCN from "ant-design-vue/es/locale/zh_CN";

import { ref } from "vue";

const liveConfigRef = ref();

function liveOpen() {
  liveConfigRef.value.open();
}
</script>

<style scoped lang="less"></style>
